<template>
	<scroll-view scroll-y class="public-scroll-view">
		<view class="lable-model">
			<text class="lable-model-title">
				表单组件在label内
			</text>
			<checkbox-group>
				<label>
					<view class="lable-checkbox">
						<checkbox>福建</checkbox>
					</view>
				</label>
				<label>
					<view class="lable-checkbox">
						<checkbox>广东</checkbox>
					</view>
				</label>
			</checkbox-group>
		</view>

		<view class="lable-model">
			<text class="lable-model-title">
				label用for标识表单组件
			</text>
			<radio-group>
				<label>
					<view class="lable-radio">
						<radio>福建</radio>
					</view>
				</label>
				<label>
					<view class="lable-radio">
						<radio>广东</radio>
					</view>
				</label>
			</radio-group>
		</view>
	</scroll-view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.lable-model {
		padding-top: 20rpx;
	}

	.lable-model-title {
		font-size: 32rpx;
		font-weight: bold;
		margin-left: 20rpx;
	}

	.lable-checkbox,
	.lable-radio {
		background-color: white;
		margin-top: 10rpx;
		padding-left: 20rpx;
		height: 70rpx;
		display: flex;
		align-items: center;
	}
</style>